<template>
  <div>
    <div>测试v-model：{{modelValue}}</div>
    <button @click='handleClick'>点击</button>
  </div>
</template>
<script>
export default {
  name: 'TestCom',
  props: {
    // v-model默认绑定的属性名称是modelValue（Vue2中默认是value）
    modelValue: {
      type: String,
      default: ''
    },
    msg: {
      type: String,
      default: ''
    }
  },
  setup (props, { emit }) {
    // 点击后修改父组件v-model绑定的值
    const handleClick = () => {
      emit('update:modelValue', 'nihao')
      emit('update:msg', 'hi')
    }
    return { handleClick }
  }
}
</script>
